import Vue from 'vue'
import Vuex from 'vuex'
import { getItem, setItem } from '../utils/storage'

Vue.use(Vuex)

const USER_KEY = 'Danger'

export default new Vuex.Store({
  state: {
    // 当前登录用户的登录状态（token 等数据）
    user: getItem(USER_KEY),
    cachePages: ['layoutIndex']
  },
  mutations: {
    setUser (state, data) {
      state.user = data
      // 防止页面刷新而数据丢失，将数据存放在本地存储中，为了持久化数据
      setItem(USER_KEY, state.user)
    },
    // 添加缓存页面
    addCachePage (state, data) {
      if (!state.cachePages.includes(data)) {
        state.cachePages.push(data)
      }
    },
    // 移除缓存页面
    removeCachePage (state, data) {
      const index = state.cachePages.indexOf(data)
      if (index !== -1) {
        state.cachePages.splice(index, 1)
      }
    }
  },
  actions: {
  },
  modules: {
  }
})
